#{extends 'main.html' /}
#{set title:'MyNewEv' /}

#{if user}
<div id='cssmenu'>
<ul>
   <li><a href='/home'><span>Home</span></a></li>
   <li><a href='/category'><span>Create event</span></a></li>
   <li><a href='/myevents'><span>My events</span></a></li>
   <li><a href='/registeredevents'><span>Registered events</span></a></li>
</ul>
</div>
#{/if}
		<br/>
		<center>
		<nav-header>
			<a href="/trips"> Trips </a>
			<a href="/sports"> Sport </a>
			<a href="/culture"> Culture </a>
			<a href="/entertainment"> Entertainment </a>
			<a href="/night_life"> Night life </a>
			<a href="/learning"> Learning </a>
		</nav-header>
		</center>
		<div class="container">
			<!--<div id="adds">adds
			</div>-->


<h4>Category: ${categoryString}</h4>

#{form @SearchEngine.searchresult(categoryString)}
	<div class="floatingform">
	<span>
		<label for "title">title:</label>
		<input type="text" name="title" id="title" value=""><br/>
	</span>
	<span>
		<label for "location">location:</label>
		<input type="text" name="location" id="location" value=""><br/>
	</span>
	<span>
		<label for "author">author:</label>
		<input type="text" name="author" id="author" value=""><br/>
	</span>
	<span>
		<label for "minDate">min date:</label>
		<input type="text" name="minDate" class="date" value=""><br/>
	</span>
	<span>
		<label for "maxDate">max date:</label>
		<input type="text" name="maxDate" class="date" value=""><br/>
	</span>
	<span>
			<input type="submit" id="search" value="search">
	</span>
	</div>
#{/form}
	
	<div class="floatingform">
		<div class=${categoryString.toLowerCase()}>
			<div class="photo"></div>
		</div>
	</div>
	
</div>